<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎进入大熊猫网站</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <div class="header">
                <img class="logo" src="images/logo1.png" alt="">
            </a>
            <ul class="nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="jianjie.html">关于大熊猫</a></li>
                <li><a href="daojishi.html">大熊猫网站上线时间</a></li>
                <li><a href="xiaidaxiongmaoceshi.html">喜爱大熊猫测试</a></li>
                <li><a href="diaochawenjuan.html">调查问卷</a></li>
                <li><a href="choujiang.html">大熊猫礼品抽奖</a></li>
                
            </ul>
        </div>
            <div class="banner">
                <div class="banner-text">
                    <h1>大熊猫，是一个可爱的物种</h1>
                    <p>属于熊科、大熊猫属哺乳动物，是中国特有的物种</p>
                    <p>大熊猫仅有两个亚种（四川亚种和秦岭亚种）</p>
                    <p>主要栖息地是中国四川、陕西和甘肃的山区</p>
                    <button>点击查看详情</button>
                    <ul>
                        <li>四川大熊猫</li>
                        <li>陕西大熊猫</li>
                        <li>甘肃大熊猫</li>
                    </ul>
                </div>

                <div class="banner-img">
                                <img src="images/banner-Mid.png" alt="" srcset="">
                            </div>
                </div>

            </div>
            <div class="info">
                <div class="download">
                    <ul>
                        <li>
                            <div class="download-web"></div>
                            <h3>国内大熊猫</h3>
                            <p>爱整活的大熊猫</p>
                            <a href="">了解更多</a>
                        </li>
                        <li>
                            <div class="download-mac"></div>
                            <h3>旅外大熊猫</h3>
                            <p>会外语的大熊猫</p>
                            <a href="">了解更多</a>
                        </li>
                        <li>
                            <div class="download-win"><img src="images/youzai1.png" width="200" height="103" alt=""/></div>
                            <h3>大熊猫幼崽</h3>
                            <p>出生到两岁左右</p>
                            <a href="">了解更多</a>
                        </li>
                    </ul>
                </div>
                <div class="news">
                    <h3>最新消息</h3>
                    <ul>
                        <li><a href="">大熊猫"和叶"竟然是女熊！</a><span>01-24</span></li> 
                        <li><a href="">搞笑大熊猫灵岩的抖音直播间被封！</a><span>02-02</span></li>
                        <li><a href="">旅外大熊猫“福宝”返回祖国的怀抱！</a><span>04-03</span></li>
                        <li><a href="">大熊猫“暖暖”被打了？</a><span>04-17</span></li>
                        <li><a href="">网红大熊猫“花花”任成都文旅荣誉局长！</a><span>04-29</span></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="footer">
            <div class="footer-copyright">
                <p align="center">关于大熊猫</p>
                <p align="center">© 2024 Daxiongmaowangzhan</p>
            </div>

            <div class="footer-language">
                <p>简体中文  | 繁体中文  | English</p>
            </div>
        </div>
        
    </div>
    </body>
</html>